import h from './dom/h'
import patch from './dom/patch'

// 获取真实的dom节点
const container = document.getElementById('container')
const btn = document.getElementById('btn')

// 虚拟节点
// let vnode1 = h("div", {}, "你好呀");
let vnode1 = h("ul", {}, [
    h("li", {key: 'a'}, "a"),
    h("li", {key: 'b'}, "b"),
    h("li", {key: 'c'}, "c"),
    h("li", {key: 'd'}, "d"),
    h("li", {key: 'e'}, "e"),
]);
patch(container, vnode1)
// console.log(vnode1)

let vnode2 = h("ul", {}, [
    h("li", {key: 'b'}, "b"),
    h("li", {key: 'c'}, "c"),
    h("li", {key: 'd'}, "d"),
    // h("li", {key: 'a'}, "a"),
    // h("li", {key: 'e'}, "e"),
]);

// console.log(vnode2)

// console.log(vnode1)
btn.onclick = function() {
    patch(vnode1, vnode2)
    // console.log(vnode1)
}